/* =========================================
   NAVBAR ORTALI LOGO + ALT MENÜ
========================================= */

/* NAVBAR ANA YAPI */
.navbar.navbar-expand-lg{
    padding:0 !important;
    background:#4e8fdb;
}

/* CONTAINER */
.navbar.navbar-expand-lg > .container{
    display:flex !important;
    flex-direction:column !important;

    align-items:center !important;
    justify-content:center !important;

    padding-top:18px;
    padding-bottom:14px;

    gap:18px;
}

/* LOGO ORTALA */
.navbar-brand{
    margin:0 auto !important;

    display:flex !important;
    align-items:center;
    justify-content:center;

    width:100%;
}

/* LOGO RESMİ */
.navbar-brand img,
.siteLogo{
    max-height:78px;
    width:auto;
    object-fit:contain;
    
}

/* MENU BLOĞU */
.navbar-collapse{
    display:flex !important;
    justify-content:center !important;

    width:100%;
}

/* UL */
.navbar-nav{
    display:flex !important;

    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;

    gap:42px;

    width:100%;

    margin:0 !important;
    padding:0 !important;
}

/* LI */
.navbar-nav .nav-item{
    display:flex;
    align-items:center;
    justify-content:center;
}

/* LINK */
.navbar-nav .nav-link{
    padding:0 !important;

    line-height:1.2;

    display:flex;
    align-items:center;
    justify-content:center;

    min-height:auto;
}

/* DROPDOWN OK HİZASI */
.navbar-nav .dropdown-toggle::after{
    margin-left:8px;
    vertical-align:middle;
}

/* MOBİLDE BOZULMASIN */
@media(max-width:991px){

    .navbar.navbar-expand-lg > .container{
        flex-direction:row !important;

        justify-content:space-between !important;

        padding-top:10px;
        padding-bottom:10px;

        gap:0;
    }

    .navbar-brand{
        width:auto;
        margin:0 !important;
    }

    .navbar-collapse{
        width:100%;
    }

    .navbar-nav{
        flex-direction:column !important;
        gap:18px;
        padding-top:20px !important;
    }
}


/* MAVİ NAVBAR ALANINI GENİŞLET */
.menubar nav.navbar{
    padding-top:18px !important;
    padding-bottom:38px !important;
}

/* CONTAINER ALT BOŞLUK */
.menubar nav.navbar > .container{
    padding-bottom:22px !important;
}

/* MENÜYÜ AŞAĞI İNDİR */
.menubar nav.navbar .navbar-collapse{
    margin-top:18px;
}

/* İSTERSEN DAHA GENİŞ GÖRÜNSÜN */
.menubar nav.navbar{
    min-height:170px;
}
/* =========================================
   NAVBAR İLE İÇERİK ÇAKIŞMASINI ÇÖZ
========================================= */

/* NAVBAR */
.menubar nav.navbar{
    position:relative !important;
    z-index:9999;

    padding-bottom:80px !important;
}

/* İLK SECTION'U AŞAĞI İT */
.menubar + *{
    margin-top:80px !important;
}

/* HERO'NUN YUKARI ÇIKMASINI ENGELLE */
.hero-parallax,
.hero-video,
.hero-section{
    margin-top:0 !important;
    transform:none !important;
    position:relative;
    z-index:1;
}



@media (max-width: 992px) {
    .navbar-brand img {
        max-height: 55px;
        width: auto;
        padding-left: 160px;
    }
}

.menubar nav.navbar .navbar-brand img {
    height: 50px;
    padding-left: 170px;

}


/* =========================================
   HEADER
========================================= */

/* ÜST BAR */
.topbar,
.header-top{
    position:fixed;
    top:0;
    left:0;

    width:100%;
    height:40px;

    z-index:9999;

    background:#fff;
}

/* =========================================
   NAVBAR
========================================= */

.navbar,
.menubar{
    position:fixed !important;

    top:40px; /* SUB HEADER YÜKSEKLİĞİ */

    left:0;

    width:100%;

    z-index:9998;

    background:#4d8fe0;

    margin:0 !important;
}

/* NAVBAR İÇİ */

.navbar .container{
    min-height:110px;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* =========================================
   İÇERİK AŞAĞI İNSİN
========================================= */

.page-bg,
.hero-slider,
.hero-section,
.slider-section{
    margin-top:150px !important;
}

/* =========================================
   MOBİL
========================================= */

@media(max-width:768px){

    .topbar,
    .header-top{
        height:34px;
    }

    .navbar,
    .menubar{
        top:34px;
    }

    .navbar .container{
        min-height:80px;
    }

    .page-bg,
    .hero-slider,
    .hero-section{
        margin-top:114px !important;
    }

}
/* =========================================
   ÜST HEADER
========================================= */

.topbar,
.header-top{
    position:fixed;
    top:0;
    left:0;

    width:100%;
    height:40px;

    z-index:9999;

    background:#fff;
}

/* =========================================
   NAVBAR
========================================= */

.navbar,
.menubar{
    position:fixed !important;

    top:40px;

    left:0;

    width:100%;

    z-index:9998;

    background:#4d8fe0;

    margin:0 !important;
}

/* NAVBAR İÇ YÜKSEKLİK */

.navbar .container{
    min-height:110px;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* =========================================
   HERO / SLIDER
========================================= */

.hero-slider,
.slider-section,
.hero-section,
.owl-carousel{
    margin-top:170px !important;
}

/* =========================================
   PAGE BG
========================================= */

.page-bg{
    padding-top:0 !important;
}

/* =========================================
   MOBİL
========================================= */

@media(max-width:768px){

    .topbar,
    .header-top{
        height:34px;
    }

    .navbar,
    .menubar{
        top:34px;
    }

    .navbar .container{
        min-height:80px;
    }

    .hero-slider,
    .slider-section,
    .hero-section,
    .owl-carousel{
        margin-top:120px !important;
    }

}
/* =========================================
   NAVBAR KÜÇÜLT
========================================= */

.navbar{
    min-height:78px !important;

    padding:10px 0 !important;
}

/* CONTAINER */

.navbar .container{
    min-height:78px !important;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* LOGO */

.siteLogo,
.navbar-brand img{
    height:52px !important;
    width:auto;
}

/* MENÜ */

.navbar-nav{
    gap:28px;
}

.navbar .nav-link{
    font-size:15px !important;

    padding:6px 0 !important;
}

/* HERO BOŞLUĞUNU DÜZELT */

.hero-slider,
.hero-section,
.slider-section,
.owl-carousel{
    padding-top:138px !important;
}

/* MOBİL */

@media(max-width:768px){

    .navbar{
        min-height:68px !important;
    }

    .navbar .container{
        min-height:68px !important;
    }

    .siteLogo,
    .navbar-brand img{
        height:42px !important;
    }

    .hero-slider,
    .hero-section,
    .slider-section,
    .owl-carousel{
        padding-top:108px !important;
    }

}
/* =========================================
   NAVBAR BİRAZ GENİŞLET
========================================= */

.navbar{
    min-height:88px !important;

    padding:12px 0 !important;
}

.navbar .container{
    min-height:88px !important;

    max-width:1500px !important;

    width:100%;

    padding:0 40px !important;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* LOGO */

.siteLogo,
.navbar-brand img{
    height:56px !important;
    margin-top:45px;
}

/* MENU */

.navbar-nav{
    gap:34px !important;

    flex-wrap:nowrap;
}

.navbar .nav-link{
    font-size:15px !important;

    white-space:nowrap;
}

/* HERO OFFSET */

.hero-slider,
.hero-section,
.slider-section,
.owl-carousel{
    padding-top:148px !important;
}

/* MOBİL */

@media(max-width:768px){

    .navbar{
        min-height:72px !important;
    }

    .navbar .container{
        min-height:72px !important;

        padding:0 20px !important;
    }

    .siteLogo,
    .navbar-brand img{
        height:44px !important;
       
    }

    .hero-slider,
    .hero-section,
    .slider-section,
    .owl-carousel{
        padding-top:112px !important;
    }

}

.menubar nav.navbar .navbar-brand img {
    height: 50px;
    padding-left: 0px;
    margin-top: 45px;
}
/* Navbar Fix - Tüm Sayfalar */
.menubar nav.navbar .navbar-nav {
  gap: 28px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 992px) {
  .menubar nav.navbar .navbar-nav {
    flex-direction: row !important;
    gap: 28px !important;
  }
}

@media (max-width: 991px) {
  .menubar nav.navbar .navbar-nav {
    flex-direction: column !important;
    width: 100% !important;
    gap: 0 !important;
  }
}
/* Navbar içeriğe binme fix */
div.page > div.main {
  padding-top: 180px !important;
  margin-top: 0 !important;
}

@media (max-width: 991px) {
  div.page > div.main {
    padding-top: 120px !important;
  }
}

/* ========================================
   MOBILE NAVBAR FIX
======================================== */

@media (max-width:1000px){

    /* NAVBAR */
    .navbar{
        padding:14px 18px !important;
        position:relative;
        z-index:9999;
    }

    .navbar .container{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
    }

    /* LOGO */
    .navbar-brand{
        margin:0 !important;
        padding:0 !important;
        display:flex;
        align-items:center;
    }

    .siteLogo{
        max-height:54px !important;
        width:auto !important;
        object-fit:contain;
        margin-top: 50px;
    }

    /* TOGGLER */
    .navbar-toggler{
        width:68px !important;
        height:68px !important;

        border-radius:22px !important;

        background:#f5f5f5 !important;

        border:none !important;

        box-shadow:
        0 8px 18px rgba(0,0,0,.18);

        display:flex !important;
        align-items:center;
        justify-content:center;

        padding:0 !important;
    }

    .navbar-toggler:focus{
        box-shadow:
        0 8px 18px rgba(0,0,0,.18) !important;
    }

    .navbar-toggler-icon{
        width:30px !important;
        height:30px !important;
    }

    /* MOBILE MENU */
    .navbar-collapse{
        position:absolute !important;

        top:100% !important;
        left:0 !important;

        width:100% !important;

        background:#5b96dc !important;

        padding:26px 20px 34px !important;

        border-top:4px solid rgba(255,255,255,.85);

        display:none !important;

        text-align:center;

        z-index:999;
    }

    .navbar-collapse.show{
        display:block !important;
    }

    /* MENU */
    .navbar-nav{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;

        gap:8px !important;

        margin:0 !important;
        padding:0 !important;
    }

    .navbar-nav .nav-item{
        width:100%;
    }

    /* LINKS */
    .navbar-nav .nav-link{
        display:block !important;

        padding:10px 0 !important;

        font-size:18px !important;

        line-height:1.2 !important;

        letter-spacing:1px !important;

        color:#14385c !important;

        font-weight:700 !important;

        text-transform:uppercase;

        background:none !important;
    }

    /* DROPDOWN */
    .dropdown-menu{
        position:relative !important;

        transform:none !important;

        width:100% !important;

        border:none !important;

        background:transparent !important;

        text-align:center !important;

        margin-top:6px !important;

        padding:0 !important;

        box-shadow:none !important;
    }

    .dropdown-item{
        color:#fff !important;

        padding:8px 0 !important;

        font-size:15px !important;
    }

}
@media (max-width:1000px){

    .navbar-collapse{
        position:absolute !important;

        top:100% !important;
        left:0 !important;

        width:100% !important;

        background:#5b96dc !important;

        padding:8px 20px 18px !important;

        border-top:2px solid rgba(255,255,255,.7);

        display:none !important;

        text-align:center;

        z-index:999;

        margin:0 !important;
    }

    .navbar-collapse.show{
        display:block !important;
    }

    .navbar-nav{
        margin:0 !important;
        padding:0 !important;

        gap:0 !important;
    }

    .navbar-nav .nav-item{
        margin:0 !important;
        padding:0 !important;
    }

    .navbar-nav .nav-link{
        padding:12px 0 !important;

        margin:0 !important;

        line-height:1.05 !important;

        font-size:17px !important;
    }

    /* ÜSTTEKİ DEV BOŞLUĞU ÖLDÜRÜR */
    .navbar-collapse::before{
        display:none !important;
    }

}